<template>
  <div>
    <template>
      <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="date" label="日期" width="180"></el-table-column>
        <el-table-column prop="name" label="姓名" width="180"></el-table-column>
        <el-table-column prop="address" label="地址"></el-table-column>
      </el-table>
    </template>
  </div>
</template>
<script>
import Api from "../api/shoppingCart";
export default {
  data() {
    return {
      ShoppingCartList: []
    };
  },
  created() {
    this.cart();
  },
  methods: {
    async cart() {
      let res = await Api.getShoppingCart({
        user_id: this.$store.state.user_id
      });
      this.ShoppingCartList = res.shoppingCartData;
      console.log(this.ShoppingCartList);
    }
  },
  handleChange(value) {}
};
</script>
<style lang="scss" scoped>
.shop_main {
  width: 1225px;
  min-height: 400px;
  margin: 0 auto;
}
.el-table {
  margin: 30px 0;
  font-size: 18px;
}
.btn {
  width: 15px;
}
.shop_foot {
  height: 40px;
  background-color: white;
  margin-bottom: 30px;
  padding: 0;
}
.card_left {
  float: left;
}
.card_right {
  float: right;
}
.card_right > button {
  width: 100px;
  height: 40px;
}
</style>